<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head>
        <title>Hyphenator.js &ndash; Test 22</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <style type="text/css">
            body {
                width:50%;
                margin-left:25%;
                margin-right:25%;
            }
            .text {
                text-align:justify;
            }
            .test {
            	background-color: #ffd6d6;
            }
            .ref {
            	background-color: #d6ffd6;
            }
            pre {
            	border: 1px dotted grey;
            }
        </style>
        <script src="../Hyphenator.js" type="text/javascript"></script>
        <script type="text/javascript">
			Hyphenator.config({
				hyphenchar:'|',
				displaytogglebox:true
			});
			Hyphenator.run();
        </script>
    </head>
    <body>
        <h1>Test 22</h1>
        <p>Check if the ToggleBox is displayed and turning off/on hyphenation works.</p>
		<p><a href="test21.html">&lt;- Prev</a> | <a href="test23.html">Next -&gt;</a></p>
		<pre>Hyphenator.config({
    hyphenchar:'|',
    displaytogglebox:true
});
Hyphenator.run();
</pre>
		<p class="hyphenate">To allow more efficient usage of paper, more regular appearance of right-side margins without requiring spacing adjustments, and to eliminate the need to erase hand-written long words begun near the end of a line that do not fit, words may be divided at the nearest breakpoint between syllables and a hyphen inserted to indicate that the letters form a word fragment, not a word.</p>
    </body>
</html>